<!DOCTYPE HTML>
<!--
	Photon by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>Yuuki</title>
		<link rel="shortcut icon" href=" /bitbug_favicon.ico" />
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=1.0">
		<link rel="stylesheet" href="assets/css/main.css" />
		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
	</head>
	<body class="is-preload">

		<!-- Header -->
			<section id="header">
				<div class="inner">
					<video src="images/main_bg_pc1.mp4" autoplay loop  muted></video>
					<h1>慢品人间烟火色，闲观万事<br />
						 <a href="#">岁月长</a></h1>
					<p>Life is like the citrus tree in summer, with green fruits hanging on it. The bitterness is certain<br />
					lobortis feugiat sapien sed etiam volutpat accumsan.</p>
					<ul class="actions special">
						<li><a href="#one" class="button scrolly">Discover</a></li>
					</ul>
				</div>
			</section>
			<div class="yping">
				<audio src="mis/3月17日.MP3" autoplay ></audio>
			</div>
		<!-- One -->
			<section id="one" class="main style1">
				<div class="container">
					<div class="row gtr-150">
						<div class="col-6 col-12-medium">
							<header class="major">
								<h2>一款免费的音乐软件<br />
								A free music software</h2>
							</header>
							<p>追求源于热爱，极致源于梦想~<br/>Pursuing comes from love, and the ultimate comes from dreams~</p>
							<a href="/安装包/base.apk">点击下载</a>
						</div>
						
						<div class="col-6 col-12-medium imp-medium">
							<span class="image fit"><video src="images/1f5a06ead72282853570292fb2aa35ae.MP4" controls></video></span>
						</div>
					</div>
				</div>
			</section>

		<!-- Two -->
			<section id="two" class="main style2">
				<div class="container">
					<div class="row gtr-150">
						<div class="col-6 col-12-medium">
							<ul class="major-icons">
								<li><span class="icon solid style1 major fa-code"></span></li>
								<li><span class="icon solid style2 major fa-bolt"></span></li>
								<li><span class="icon solid style3 major fa-camera-retro"></span></li>
								<li><span class="icon solid style4 major fa-cog"></span></li>
							</ul>
						</div>
						<div class="col-6 col-12-medium">
							<header class="major">
								<h2>前端开发是通过使用HTML、CSS和JavaScript将数据转换为图形界面的实践，以便用户可以查看该数据并与之交互<br><a href="https://www.bilibili.com/read/cv10431130?spm_id_from=333.999.0.0">学习路线</a></h2>
							</header>
							<p>在繁忙的中，持之以恒、不断学习和进步是一件艰巨的任务，需要坚强的毅力和坚定的决心。如果方法不得当，更是事倍功半。因此，
								一个比较适合自己的学习方法很重要，无论你是参加前端培训也好，自学也罢，在学习过程中良好的学习习惯和学习方法的选择是比较重要的。</p>
						</div>
					</div>
				</div>
			</section>

		<!-- Three -->
			<section id="three" class="main style1 special">
				<div class="container">
					<header class="major">
						<h2> 资源网站收录</h2>
					</header>
					<p>聚合国内外百万级声音素材、游戏音效、影视配乐、实地录音、音乐样本、节奏音源，通过互联网云技术打造最大最全的声音资源库。</p>
					<div class="row gtr-150">
						<div class="col-4 col-12-medium">
							<a href="https://www.tosound.com/search"><span class="image fit"><img src="images/Default3.jpg" alt="" /></span>
							</a>
							<h3>淘声 toSound</h3>
							<p>聚合国内外百万级声音素材、游戏音效、影视配乐、实地录音、音乐样本、节奏音源，最大最全的声音资源库。</p>
							<ul class="actions special">
								<li><a href="https://www.tosound.com/search" class="button">Go Here</a></li>
							</ul>
						</div>
						<div class="col-4 col-12-medium">
							<a href="http://www.gjw123.com/"><span class="image fit"><img src="images/Default4.jpg" alt="" /></span></a>
							<h3>在线工具合集</h3>
							<p>一个在线多功能合集网页，内含上百种功能工具，你可以进行格式转换，图文转换，水印去除等等...</p>
							<ul class="actions special">
								<li><a href="http://www.gjw123.com/" class="button">Go Here</a></li>
							</ul>
						</div>
						<div class="col-4 col-12-medium">
							<a href="http://www.eclzz.loan/"><span class="image fit"><img src="images/Default2.jpg" alt="" /></span></a>
							<h3>ciLiZHZHu</h3>
							<p>磁力蜘蛛，一个多资源整合的we版，各类影视资源以及各类教学课程，可在线观看或下载至本地。</p>
							<ul class="actions special">
								<li><a href="http://www.eclzz.loan/" class="button">Go Here</a></li>
							</ul>
						</div>
					</div>
				</div>
			</section>

		<!-- Four -->
			<section id="four" class="main style2 special">
				<div class="container">
					<header class="major">
						<h2>人间四月芳菲尽，山寺桃花始盛开。</h2>
					</header>
					<p>Sed lacus nascetur ac ante amet sapien.</p>
					<ul class="actions special">
						<li><a href="https://www.bilibili.com/" class="button wide primary">B站</B></a></li>
						<li><a href="https://www.jiumodiary.com/" class="button wide">电子书</a></li>
					</ul>
				</div>
			</section>

		
			<section id="footer">
				<ul class="icons">
					<li><a href="#" class="icon brands alt fa-twitter"><span class="label">Twitter</span></a></li>
					<li><a href="#" class="icon brands alt fa-facebook-f"><span class="label">Facebook</span></a></li>
					<li><a href="#" class="icon brands alt fa-instagram"><span class="label">Instagram</span></a></li>
					<li><a href="#" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
					<li><a href="#" class="icon solid alt fa-envelope"><span class="label">Email</span></a></li>
				</ul>
				<ul class="copyright">
					<li>&copy; 感谢使用</li><li>Design: <a href="#">HTML5 CSS </a></li>
				</ul>
			</section>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrolly.min.js"></script>
			<script src="assets/js/browser.min.js"></script>
			<script src="assets/js/breakpoints.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>

	</body>
</html>